<template>
  <el-button type="primary" plain @click="openDialog">{{ multiLanguages("restart") }}</el-button>
  <el-dialog
    v-model="isShowDialog"
    :title="multiLanguages('are_you_sure')"
    width="20%"
    align-center
    :show-close="false"
  >
    <span>{{ multiLanguages("sbc_restarted_call_disconnected") }}</span>
    <template #footer>
      <span class="dialog-footer">
        <StepButton
          :multiLanguages="multiLanguages"
          :showButtons="['cancel', 'confirm']"
          @close-event="closeDialog"
          @confirm-event="confirm"
        />
      </span>
    </template>
  </el-dialog>
</template>
<script setup lang="ts">
import { ref } from "vue";
const props = defineProps<{
  multiLanguages: any;
}>();
import StepButton from "../common/stepButton.vue";
const isShowDialog = ref(false);
const closeDialog = () => {
  isShowDialog.value = false;
};
const openDialog = () => {
  isShowDialog.value = true;
};
const confirm = () => {
  closeDialog();
};
</script>
<style scoped lang="less"></style>
